<style scoped>
    .tools-bar {
        /* position: fixed; */
        width: 100%;
        /* z-index: 140; */
        /* box-shadow: 0 2px 1px 1px rgba(100,100,100,.1); */
        /* background: #f0f0f0; */
        padding: 10px 10px 5px 10px;
    }
    .pt-35{
        padding-top: 45px;
    }
    .page-bottom{
        position: fixed ;
        z-index: 100000;
        right: 50px;
        bottom: 80px;
    }
</style>
<template>
    <div>
        <div class="tools-bar">
            <slot name="tools-bar"></slot>
        </div>
        <div class="page-boxs pt-35">
            <slot name="content"></slot>
        </div>
        <div class="page-bottom">
            <slot name="bottom"></slot>
        </div>

    </div>
</template>
<script>
    export default {
        name: 'default-page-box'
    };
</script>
